<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" conten="IE-EDGE">
    <meta name="viewport" content="width=device-width initial-scale=1">
    <link rel="stylesheet" type="text/css" media="screen" href="template.css">
    <title>Get社区</title>
    <script src="template.js"></script>
    <script src="template1.js"></script>
    
  </head>
  <body>
    <script src="template.js"></script>
    <div class="header claerfix">
      <div class="left">
        <div class="logo">
          Get社区
        </div>  
      </div>
      <div class="right menubox">
        <ul class="menu">
          <li><a href="#">新知</a></li>
          <li class="active"><a href="#">卡片流</a></li>
        </ul>
      </div>
    </div>

    

    <div class="container">
      <ul class="feeds">
        <li class="feed">
          <div class="content">
            网络基础，第二部分<br/><br/>
            PostMan下载地址http://www.getpostam.com/<br/>
            <div class="actionbar clearfix">
                <div class="time left">
                  3天之前
                </div>
                <div class="action right">
                  <ul class="feed-action">
                    <li><a href="#">转发</a></li>
                    <li><a href="#">喜欢</a></li>
                    <li><a href="#">评论</a></li>
                  </ul>
                </div>
              </div>
          </div>
          <img class="avatar" src="001.jpg" width="50px" height="50px">
        </li>
      </ul>
    </div>
    <div class="footer">
      <img class="avatar" src="001.jpg" width="24px" height="24px">
      Easy
    </div>
  </body>
</html>